<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap.css">
    <style>
        .container{
            margin-top: 50px;
        }
    </style>
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-8 col-md-offset-2">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h2 class="panel-title">
                        添加图书
                    </h2>
                    <div class="panel-body">
                        <form action="add.php" class="form-horizontal" role="form" method="post">
                            <div class="form-group">
                                <label for="book_name" class="col-md-2 control-label">图书名称</label>
                                <div class="col-md-10">
                                    <input type="text" name="book_name" class="form-control" id="book_name" placeholder="请输入图书的名称">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="category" class="col-md-2 control-label">图书类别</label>
                                <div class="col-md-10">
                                <select class="form-control" name="category" id="category">
                                    <option value="PHP">PHP</option>
                                    <option value="JAVA">JAVA</option>
                                    <option value="C#">C#</option>
                                    <option value="HTML">HTML</option>
                                    <option value="CSS">CSS</option>
                                </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="price" class="col-md-2 control-label">图书价格</label>
                                <div class="col-md-10">
                                    <input type="text" name="price" class="form-control" id="price" placeholder="请输入图书的价格">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="publish_time" class="col-md-2 control-label">出版日期</label>
                                <div class="col-md-10">
                                    <input type="date" name="publish_time" class="form-control" id="publish_time" placeholder="请输入图书的出版日期">
                                </div>
                            </div>
                            <div class="form-group">
                                <div class="col-sm-offset-2 col-md-10">
                                    <button type="submit">添加图书</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>